@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.content {
  overflow: hidden;
  & > div {
    .item {
      margin-bottom: $gutter;
      padding: $pagePadding;
      background: #fff;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  .estate {
    .item {
      padding-right: 0;
    }
  }
  .activity {
    .item {
      .top {
        display: flex;
        align-items: center;
        margin-bottom: 0.12rem;
        .tag {
          @include radius(0.18rem, 0.02rem);
          margin-right: 0.1rem;
          font-size: 0.12rem;
          color: #fff;
          background: #f43b3b;
        }
        .txt {
          font-size: 0.16rem;
        }
      }
      .bottom {
        padding-left: 0.3rem;
        .desc {
          color: $font2;
          line-height: 0.2rem;
          @include ellipsisLn(3);
        }
      }
      .space-between {
        display: flex;
        justify-content: space-between;
        margin: 0.12rem 0;
        .time {
          color: $primary;
        }
        .join {
          color: $font3;
        }
      }
      .project {
        color: $font3;
      }
    }
  }
}
.error,
.loading,
.empty {
  position: relative;
  height: calc(100vh - #{$navbarHeight} - #{$tabbarHeight});
  background: #fff;
}
.empty {
  height: calc(100vh - #{$navbarHeight} - #{$tabbarHeight} - 0.24rem);
}
